<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="color-scheme" content="light dark" />
    <meta http-equiv="refresh" content="30" />
    <title>{{.Title}}</title>
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/css/pico.classless.jade.min.css" />
    <link rel="stylesheet" href="/css/custom.css" />
  </head>
  <body>
    <header>
      <h1>{{.Title}}</h1>
    </header>

    <main>
      <section>
        <h4>Status</h4>
        <table>
          <tbody>
            <tr>
              <th>Initialization</th>
              <td>{{template "status_text.tmpl" .InitError}}</td>
            </tr>
            {{template "topostatus.tmpl" .TopoStatus}}
            <tr>
              <th>Cell</th>
              <td>{{.Cell}}</td>
            </tr>
          </tbody>
        </table>
      </section>

      <section div class="grid">
        {{range .Links}}
        <article>
          <h4>{{.Title}}</h4>
          <a href="{{.Link}}" role="button" data-tooltip="{{.Description}}"
            >{{.Link}}</a
          >
        </article>
        {{end}}
      </section>
    </main>

    <footer>{{template "timestamp.tmpl"}}</footer>
  </body>
</html>
